/*SLIDER*/
.caja {width:100%; height:811px; position:relative; overflow:hidden; transition-duration:1s;    }
.slider li:nth-child(1) {background-image:url(../img/Optimizadas/IMG-20200903-WA0023.jpg); background-repeat:no-repeat; position:absolute; top:0; left:0%; background-position:center; visibility:visible; background-size:cover}
.slider li:nth-child(2) {background-image:url(../img/Optimizadas/IMG_3989.jpg); background-repeat:no-repeat;  position:absolute; top:0; left:0%; background-position:center; background-size:cover}
.slider li:nth-child(3) {background-image:url(../img/Optimizadas/IMG_3264.jpg); background-repeat:no-repeat;  position:absolute; top:0; left:0%; background-position:center; background-size:cover}
.slider li:nth-child(4) {background-image:url(../img/Optimizadas/dolphins-ge5c696789_1920.jpg); background-repeat:no-repeat; position:absolute; top:0; left:0%; background-position:center; background-size:cover}

.slider li {color:white; font-size:50px; text-decoration:none; text-shadow:1px 1px black; width:100%; height:100%; position:absolute;  font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-stretch:extra-expanded;}
.caja span {position:absolute; left:30%; top:35%; z-index:30;}

.caja .btn {font-size:24px; padding:15px; top:350px; border:2px solid white;}
.btn:before {width:100%; height:100%; position:absolute; top:0; left:0; content:""; background-color:white; z-index:-1
; opacity:0.2; }
.btn:hover:before {opacity:0.7; }
.btn:hover a {color:black;}
.caja a {text-decoration:none; color:white; font-weight:bold;}



h2 { font-size: 2.5vw; text-transform:uppercase}

/*SECCIÓN SOBRE NOSOTROS*/
.about { position:relative; }
.about p {font-size:16px; width:600px; margin-left:auto; margin-right:auto; text-align:justify; padding-bottom:3em }
.about h2 {margin-bottom:1em; padding-top:2em; }
.about div {display:inline-block; width:50%; height:500px}
.d { float:right; background-image:url(../img/Optimizadas/Barcos-Puerto-Marina.jpg); background-size:cover; background-position:center; height:auto; }
.d p {visibility:hidden;}
.about p:after {content:""; padding:6px; border-bottom:2px solid #1127AA; position:absolute; top:-20px; left:22%; width:5%; height:100%}


@media screen and (max-width:1250px){
		.about div { float:none; width:100%; margin-left:auto; margin-right:auto;}
		.about p:after {display:none;}
		.about p {width:60%;}
		.i {margin-bottom:3em;}
		
	

	}
@media screen and (max-width:600px){
		
.about p {font-size:calc(12px + .3vw); width:80%;}
.about .d {height:200px;}
.about .i {height:auto; }
	}

/*SECCIÓN SEGUNDA - BARCOS*/

#segunda div {width:1200px; height:450px; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em; }
#segunda li{ list-style:none;}
#segunda figure {height:80%; }
#segunda figcaption {float:right; background-color:rgba(247,247,247,1.00); width:600px; height:100%}
#segunda h2 {margin-bottom:1em; padding-top:2em; }
#segunda h3 {font-size:40px; margin-bottom:1em; margin-top:2em; color:#1127AA }
#segunda ul {margin-top:3.5em; font-size:20px; letter-spacing:4px; text-align:left;}
#segunda li {padding-bottom:1em}
#segunda img {height:100%;}

	@media screen and (max-width:1300px){
		#segunda figure {width:90%; margin-left:auto; margin-right:auto}
		#segunda figcaption {width:50%; }
		#segunda img {width:50%; }
		#segunda div {width:100%; }
	}
	
	@media screen and (max-width:900px){
		#segunda figcaption {float:none; width:80%; margin-right:auto; margin-left:auto; }
		#segunda ul {margin-top:1em;}
		#segunda img {float:none; width:80%}
		#segunda h3 {bottom:40px; right:0px;}
		#segunda h2 {margin-bottom:2em;}
		#segunda div {height:inherit; margin-bottom:8em}
		.muro #tercera h2 {padding-top:0;}
		
		
		/*SLIDER*/
		
		.caja {height:600px; transition-duration:1s;  }
		.slider li {color:white; transition-duration:2.5s; font-size:40px}
		.caja .btn {font-size:20px; padding:10px }
		.caja span {left:10%; top:50% }

	}

	@media screen and (max-width:500px){
		#segunda  ul {font-size:calc(12px + .5vw);}
		#home h2 {font-size:calc(24px + .2vw);}
		#segunda div {margin-bottom:2em;}
		#segunda h3 {font-size:20px; margin-top:1em}
	
	/*SLIDER*/
	.caja li {font-size:calc(20px + .5vw);}
	.caja span {top:55%}
	.caja .btn {font-size:15px; top:200px; padding:5px; }
	.caja {height:300px;}
	}

/*SECCIÓN TERCERA - SERVICIOS*/
#tercera {position:relative; padding-top:1em; z-index:1;  padding-bottom:3em;}
.menuservicios li {display: inline-block; margin-left:3em; position:relative; box-shadow: 7px 5px 5px  rgb(192, 211, 255); height:70%;   padding:0em; width:20%; font-size:16px; transition:0.1s linear;}
.menuservicios li:hover { box-shadow: 7px 5px 5px #FFC602; transition:0.1s linear;}
.menuservicios figcaption {position:absolute; bottom:0px; left:0px; right:0px; background-color:white; padding:1em; text-transform:uppercase; font-weight:bold; color:#1127AA; text-align:center; }
#tercera h2 {margin-bottom:1em; padding-top:2em }
.bt {position:absolute; z-index:5; bottom:-5px; right:0px; font-size:0.8em; background-color: #1127AA; color:white; padding:0.2em; border-radius:5px; transition:0.1s linear;}
.menuservicios li:hover  span {background-color:#FFC602; color:#1127AA ; transition:0.1s linear;}
.menuservicios img{width:100%; height:auto;}

@media screen and (max-width:1100px){
		.menuservicios li {display:block; margin-left:auto; margin-right:auto; width:50%; margin-bottom:1em}

	}
	@media screen and (max-width:600px){
		.menuservicios figcaption {font-size:calc(10px + .5vw);}
		
	}

/*SECCIÓN CUARTA- TARIFAS*/
#cuarta  {background-image:url(../img/Optimizadas/IMG-20211129-WA0002.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; border-top:2px solid #E8E8E8; position:relative; height:650px;  }
#cuarta>div {display:inline-block; font-size:20px; text-align:left; border-bottom:5px solid #FFC602; border-top:5px solid #FFC602; width:750px; position:absolute; right:5%; margin-bottom:1em; top:3em; z-index:9 }
#cuarta>div:before {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:white; opacity:0.9; z-index:-1} 
#cuarta h2 {color:white; padding-top:0.2em; padding-bottom:0.2em; text-align:center; background-color:#FFC602; font-size:28px; }
#cuarta ul {margin-top:0.5em; margin-left:3em; height:250px; position:relative; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;   }
#cuarta div li {  padding:0.2em; font-weight:bold; color:rgb(15 106 199); list-style:none;}
#cuarta h3 {font-size:30px; color:rgb(22 119 155); position:relative; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; letter-spacing:2px;  }
#cuarta .mayus {text-transform:uppercase;}
.gocontact a {bottom:15px; right:20px;}
#cuarta>div>div {margin:1em 2em;}
#cuarta li::before {content: "• ";  color: #FFC602;}
@media screen and (max-width:1100px){
	body	#cuarta>div {width:70%; right:50%; left:50%; transform:translateX(-50%);}
		#cuarta h3 {font-size:6vw;}
		#cuarta ul {margin-left:0em;}

	}
	
	@media screen and (max-width:600px){
			#cuarta {height:400px;}
			#cuarta ul {font-size: calc(10px + .3vw); height:150px;}
body #cuarta>div {width:90%; }
.gocontact a {font-size:10px; }
	}